<%@ Page Language="C#" MasterPageFile="~/master/ThreeColumnLayout.master" AutoEventWireup="true" 
    CodeFile="index.aspx.cs" Inherits="index" Title="Untitled Page" %>

<%@ Register Src="~/control/modal_popup/ModalPopup.ascx" TagName="ModalPopup" TagPrefix="ucc" %>
<%@ Register Src="~/control/common/DataPager.ascx" TagPrefix="ucc" TagName="dataPager" %>
<%@ Register Src="~/control/VerticalMenu.ascx" TagPrefix="ucc" TagName="VerticalMenu" %>
<%@ Register Src="~/control/VerticalAdvertise.ascx" TagPrefix="ucc" TagName="VerticalAdvertise" %>
<%@ Register Src="~/control/Newsletter.ascx" TagPrefix="ucc" TagName="Newsletter" %>
<%@ Register Src="~/control/HorizontalAdvertise.ascx" TagPrefix="ucc" TagName="HorizontalAdvertise" %>

<asp:Content ID="ContentLeft" ContentPlaceHolderID="LeftPlaceHolder" Runat="Server">
    <ucc:VerticalMenu ID="verticalMenu" runat="server" />
</asp:Content>
<asp:Content ID="ContentMiddle" ContentPlaceHolderID="MiddlePlaceHolder" Runat="Server">
    <table border="0" cellpadding="0" cellspacing="0" width="520px" align="center">
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="featuredProductBack1"></td>
                        <td class="featuredProductBack2"></td>
                        <td class="featuredProductBack3"></td>
                    </tr>
                    <tr>
                        <td class="featuredProductBack8"></td>
                        <td>
                            <asp:DataList ID="featuredProductList" RepeatDirection="Horizontal" RepeatColumns="3" DataKeyField="Id" 
                                runat="server" CellSpacing="9" CellPadding="9" BackColor="#f8f8f8" >
                                <HeaderTemplate>
                                    <h5>Featured Products</h5>
                                </HeaderTemplate>
                                <ItemStyle VerticalAlign="Top" />
                                <ItemTemplate>
                                    <div class="featuredProductItem">
                                        <table border="0px" width="100%" cellpadding="5">
                                            <tr>
                                                <td rowspan="4" align="center" valign="middle">
                                                    <a href='public/productdetail.aspx?id=<%# DataBinder.Eval(Container.DataItem, "Id")%>' >
                                                        <asp:Image runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "DefaultImageUrl")%>' SkinID="borderedImage"
                                                            AlternateText='<%# DataBinder.Eval(Container.DataItem, "DefaultImageUrl")%>' CssClass="featuredProductImage"/>
                                                    </a>
                                                    <br />
                                                    <a href='public/productdetail.aspx?id=<%# DataBinder.Eval(Container.DataItem, "Id")%>' class="brownlink" >
                                                        <%# DataBinder.Eval(Container.DataItem, "ProductName")%>
                                                    </a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <i><a href="#">more</a></i>
                                </FooterTemplate>
                                <FooterStyle HorizontalAlign="Right" />
                            </asp:DataList>
                        </td>
                        <td class="featuredProductBack4"></td>
                    </tr>
                    <tr>
                        <td class="featuredProductBack7"></td>
                        <td class="featuredProductBack6"></td>
                        <td class="featuredProductBack5"></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
               <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="featuredShopBack1"></td>
                        <td class="featuredShopBack2"></td>
                        <td class="featuredShopBack3"></td>
                    </tr>
                    <tr>
                        <td class="featuredShopBack8"></td>
                        <td>
                            <asp:DataList ID="featuredShopList" RepeatDirection="Horizontal" RepeatColumns="5" DataKeyField="Id" 
                                runat="server" CellSpacing="5" CellPadding="5" BackColor="#f8f8f8" >
                                <HeaderTemplate>
                                    <h5>Featured Brands</h5>
                                </HeaderTemplate>
                                <ItemStyle VerticalAlign="Top" />
                                <ItemTemplate>
                                    <div class="featuredShopItem">
                                        <table border="0px" width="100%" cellpadding="5">
                                            <tr>
                                                <td rowspan="4" align="center" valign="middle">
                                                    <a href='public/shopdetail.aspx?id=<%# DataBinder.Eval(Container.DataItem, "Id")%>' >
                                                        <asp:Image ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ShopLogoPath")%>' 
                                                            AlternateText="product image" runat="server" SkinID="borderedImage" />
                                                    </a>
                                                    <br />
                                                    <a href='public/shopdetail.aspx?id=<%# DataBinder.Eval(Container.DataItem, "Id")%>' class="brownlink" >
                                                        <%# DataBinder.Eval(Container.DataItem, "ShopName")%>
                                                    </a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <i><a href="#">more</a></i>
                                </FooterTemplate>
                                <FooterStyle HorizontalAlign="Right" />
                            </asp:DataList>
                        </td>
                        <td class="featuredShopBack4"></td>
                    </tr>
                    <tr>
                        <td class="featuredShopBack7"></td>
                        <td class="featuredShopBack6"></td>
                        <td class="featuredShopBack5"></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr><td>&nbsp;</td></tr>
        <tr>
            <td>
                <ucc:HorizontalAdvertise ID="horizontalAdvertise" runat="server"
                    ContentType="HomePageHorizontalAdvertisement" />
            </td>
        </tr>
    </table>
</asp:Content> 
<asp:Content ID="ContentRight" ContentPlaceHolderID="RightPlaceHolder" Runat="Server">
    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td>
                <ucc:Newsletter ID="newsletter" runat="server" />
            </td>
        </tr>
        <tr>
            <td>
                <table>
                    <tr>
                        <td>
                            <ucc:VerticalAdvertise ID="verticalAdvertise" runat="server" 
                                ContentType="HomePageVerticalAdvertisement" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</asp:Content>

